<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>产品列表</title>
</head>
<body>
<div>
    <ul>
        <li id="iphone5s-64-gray">
            <article>
                <header>iPhone 5s港行</header>
                <p class="color">
                    <span>颜色</span><span>深空灰</span>
                </p>
                <p class="flash">
                    <span>内存</span><span>64G</span>
                </p>
                <p class="price">
                    <span>价格</span><span>1080</span>
                </p>
            </article>
        </li>
        <li id="iphone5s-128-b">
            <article>
                <header>iPhone 5s</header>
                <p class="color">
                    <span>颜色</span><span>黑</span>
                </p>
                <p class="flash">
                    <span>内存</span><span>128G</span>
                </p>
                <p class="price">
                    <span>价格</span><span>1280</span>
                </p>
            </article>
        </li>
        <li id="iphone7-128-b">
            <article>
                <header>iPhone 7</header>
                <p class="color">
                    <span>颜色</span><span>磨砂黑</span>
                </p>
                <p class="flash">
                    <span>内存</span><span>128G</span>
                </p>
                <p class="price">
                    <span>价格</span><span>5688</span>
                </p>
            </article>
        </li>
    </ul>
</div>
</body>
</html>